.cl-action-sheet {
	position: relative;

	.cl-popup__container {
		background-color: $cl-color-bg;
		border-radius: 32rpx 32rpx 0 0;
		overflow: hidden;
	}

	&__title {
		font-size: 28rpx;
		padding: 0 46rpx;
		margin: 32rpx;
		text-align: center;
		color: $cl-color-info;
	}

	&__list {
		padding: 0 24rpx;
	}

	&__item {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 24rpx;
		line-height: 1.4;
		font-size: 28rpx;
		background-color: #fff;
		border-radius: 18rpx;
		margin: 24rpx 0;

		&:last-child {
			border-bottom: 0;
		}

		&.is-disabled {
			color: $cl-color-disabled;
			background-color: transparent;
		}

		&:not(.is-disabled):active {
			background-color: $cl-color-active;
		}

		&:after {
			border: 0;
		}
	}
}
